Frame-by-frame animation changes the contents of the Stage in every frame and is best suited to complex animation in which an image changes in every frame instead of simply moving. Frame-by-frame animation increases file size more rapidly than tweened animation.
Use frame-by-frame animation when you need to change an image in each frame.
To create frame-by-frame animation:
1 | Click a layer name to make it the current layer and select a frame in the layer where you want the animation to start. |
2 | If the frame isn't already a keyframe, choose Insert > Keyframe to make it one. |
3 | Create the image for the first frame of the sequence.
![]() |
You can use the drawing tools, paste graphics from the Clipboard, or import a file. | |
4 | Click the next frame to the right in the same row and choose Insert > Keyframe, or right-click (Windows) or Command-click (Macintosh) and choose Insert Keyframe from the Frame pop-up menu. |
This adds a new keyframe whose contents are the same as the first keyframe. | |
5 | Alter the contents of this frame on the Stage to develop the next increment of the animation.
![]() |
6 | To complete your frame-by-frame animation sequence, repeat steps 4 and 5 until you have built the motion you want. It is often useful to play back animation occasionally as you go. |
7 | To test the animation sequence, choose Control > Play or click the Play button on the Controller. |
![]() |